<template>
  <div>
    <mtHeader
      fixed
      title="举报"
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
        <div slot="right" @click="submit">提交</div>
    </mtHeader>
    <div class="container">
        <!-- <div class="req-three">
            <p class="btn" size="small">国际米兰</p>
        </div> -->
        <!-- <div class="line-h"></div> -->
        <div class="req-tit">
            <textarea placeholder="请输入举报原因" class="foodback"></textarea>
        </div>
    </div>
  </div>
</template>
<script>
import { Header,Button  } from "mint-ui";

export default {
  name: "feedback",
  components: {
    mtHeader: Header,
    mtButton:Button
  },
  data: function() {
    return {
      title: "",
      isActivity1:false,
      isActivity2:false,
      isActivity3:false  
    };
  },
  methods: {
    submit(){

    },
    choose(e){
        if(e==1){
            this.isActivity1=!this.isActivity1;
        }else if(e==2){
            this.isActivity2=!this.isActivity2
        }else{
            this.isActivity3=!this.isActivity3
        }
    }
  }
};
</script>
<style lang="less" scoped>
.activity{
    color: #fff;
    background-color: #26a2ff;
}
img{
  width: 100%;
  height: 100%;
}
.header-left {
  font-size: 0.5rem;
}
.container{
    position: relative;
    margin-top: 1rem;
    width: 100%;
    .req{
        padding: .24rem 0 0 .24rem;
        font-size: 0.28rem;
        color: #4E4E4E;
    }
    .req-three{
        // padding: .12rem 0;
        display: flex;
        align-items: center;
        width: 100%;
        height: .76rem;
        background: #F5F8FB;
        .btn{
            margin-left: .23rem;
            // height: .5rem;
            padding: .12rem .24rem;
            color: #656b79;
            background-color: #ffffff;
            border-radius: 4px;
            border: 0;
            box-sizing: border-box;
        }
        .activity{
            color: #fff;
            background-color: #26a2ff;
        }
    }
    .req-tit{
       padding: .24rem;
       height: 3rem; 
    }
    .foodback{
        width: 100%;
        height: 100%;
    }
}
.line-h{
    width: 100%;
    height: 1px;
    background: #DFE1E3;
}
</style>